<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>贪吃蛇</title>
<style type="text/css">
#playground {
	width: 640px;
	height: 480px;
	background-color: #000;
}

#console-container {
	float: left;
	margin-left: 15px;
	width: 300px;
}

#console {
	border: 1px solid #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	height: 480px;
	overflow-y: scroll;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
}

#console p {
	padding: 0;
	margin: 0;
}
</style>
<script th:src="@{/resources/sockjs/sockjs-0.3.4.min.js}"
	type="text/javascript"></script>
<script th:src="@{/modulejs/sock/snake.js}" type="text/javascript"></script>
</head>
<body>
	<noscript>
		<h2 style="color: #ff0000">游戏</h2>
	</noscript>
	<div style="float: left">
		<canvas id="playground" width="640" height="480"></canvas>
	</div>
	<div id="console-container">
		<div id="console"></div>
	</div>
</body>
</html>
